<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <code class="prism language-markup has-numbering" style="position: unset;" onclick="mdcp.signin(event)"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>box<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>left<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>block</span> <span class="token attr-name">v-for</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>(item, index) in list<span class="token punctuation">"</span></span> <span class="token attr-name">:key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>index<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Left_list<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>{<!-- -->{ item.name }}<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>block</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>table<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>scroll-view</span> <span class="token attr-name">scroll-x</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>header<span class="token punctuation">"</span></span> <span class="token attr-name">v-for</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>(item, index) in listData<span class="token punctuation">"</span></span> <span class="token attr-name">:key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>index<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>table_one<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>{<!-- -->{ item.Name }}<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>border<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>{<!-- -->{ item.NoNursing15 }}<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>border<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>{<!-- -->{ item.NoNursing30 }}<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
                        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>border<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>{<!-- -->{ item.advanceAchieve }}<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
                    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>scroll-view</span><span class="token punctuation">&gt;</span></span>
            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">&gt;</span></span><span class="token script language-javascript">
    <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{<!-- --></span>
        <span class="token function">data</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{<!-- --></span>
            <span class="token keyword">return</span> <span class="token punctuation">{<!-- --></span>
                list<span class="token punctuation">:</span> <span class="token punctuation">[</span>
                    <span class="token punctuation">{<!-- --></span>
                        name<span class="token punctuation">:</span> <span class="token string">''</span>
                    <span class="token punctuation">}</span><span class="token punctuation">,</span>
                    <span class="token punctuation">{<!-- --></span>
                        name<span class="token punctuation">:</span> <span class="token string">'金额'</span>
                    <span class="token punctuation">}</span><span class="token punctuation">,</span>
                    <span class="token punctuation">{<!-- --></span>
                        name<span class="token punctuation">:</span> <span class="token string">'销量'</span>
                    <span class="token punctuation">}</span><span class="token punctuation">,</span>
                    <span class="token punctuation">{<!-- --></span>
                        name<span class="token punctuation">:</span> <span class="token string">'金额占比'</span>
                    <span class="token punctuation">}</span>
                <span class="token punctuation">]</span><span class="token punctuation">,</span>
                listData<span class="token punctuation">:</span> <span class="token punctuation">[</span>
                    <span class="token punctuation">{<!-- --></span> Name<span class="token punctuation">:</span> <span class="token string">'余淑金'</span><span class="token punctuation">,</span> NoNursing15<span class="token punctuation">:</span> <span class="token number">123</span><span class="token punctuation">,</span> NoNursing30<span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">,</span> advanceAchieve<span class="token punctuation">:</span> <span class="token number">0</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
                    <span class="token punctuation">{<!-- --></span> Name<span class="token punctuation">:</span> <span class="token string">'余淑金'</span><span class="token punctuation">,</span> NoNursing15<span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">,</span> NoNursing30<span class="token punctuation">:</span> <span class="token number">456</span><span class="token punctuation">,</span> advanceAchieve<span class="token punctuation">:</span> <span class="token number">0</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
                    <span class="token punctuation">{<!-- --></span> Name<span class="token punctuation">:</span> <span class="token string">'余淑金'</span><span class="token punctuation">,</span> NoNursing15<span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">,</span> NoNursing30<span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">,</span> advanceAchieve<span class="token punctuation">:</span> <span class="token number">789</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
                    <span class="token punctuation">{<!-- --></span> Name<span class="token punctuation">:</span> <span class="token string">'余淑金'</span><span class="token punctuation">,</span> NoNursing15<span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">,</span> NoNursing30<span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">,</span> advanceAchieve<span class="token punctuation">:</span> <span class="token number">0</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
                    <span class="token punctuation">{<!-- --></span> Name<span class="token punctuation">:</span> <span class="token string">'余淑金'</span><span class="token punctuation">,</span> NoNursing15<span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">,</span> NoNursing30<span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">,</span> advanceAchieve<span class="token punctuation">:</span> <span class="token number">0</span> <span class="token punctuation">}</span>
                <span class="token punctuation">]</span>
            <span class="token punctuation">}</span><span class="token punctuation">;</span>
        <span class="token punctuation">}</span><span class="token punctuation">,</span>
        methods<span class="token punctuation">:</span> <span class="token punctuation">{<!-- --></span><span class="token punctuation">}</span>
    <span class="token punctuation">}</span><span class="token punctuation">;</span>
    </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>style</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>less<span class="token punctuation">"</span></span> <span class="token attr-name">scoped</span><span class="token punctuation">&gt;</span></span><span class="token style language-css">
    <span class="token selector">page</span> <span class="token punctuation">{<!-- --></span>
        <span class="token property">font-size</span><span class="token punctuation">:</span> 25upx<span class="token punctuation">;</span>
        <span class="token property">padding</span><span class="token punctuation">:</span> 10upx<span class="token punctuation">;</span>
    <span class="token punctuation">}</span>
    
    <span class="token selector">.box</span> <span class="token punctuation">{<!-- --></span>
        <span class="token property">display</span><span class="token punctuation">:</span> flex<span class="token punctuation">;</span>
    <span class="token punctuation">}</span>
    
    <span class="token selector">.left</span> <span class="token punctuation">{<!-- --></span>
        <span class="token property">width</span><span class="token punctuation">:</span> 190upx<span class="token selector">;
        view:nth-last-of-type(1)</span> <span class="token punctuation">{<!-- --></span>
            <span class="token property">border-bottom</span><span class="token punctuation">:</span> 1upx solid #c8c7cc<span class="token punctuation">;</span>
        <span class="token punctuation">}</span>
        <span class="token selector">.Left_list</span> <span class="token punctuation">{<!-- --></span>
            <span class="token property">height</span><span class="token punctuation">:</span> 80upx<span class="token punctuation">;</span>
            <span class="token property">width</span><span class="token punctuation">:</span> 180upx<span class="token punctuation">;</span>
            <span class="token property">text-align</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span>
            <span class="token property">line-height</span><span class="token punctuation">:</span> 80upx<span class="token punctuation">;</span>
            <span class="token property">border</span><span class="token punctuation">:</span> 1upx solid #c8c7cc<span class="token punctuation">;</span>
            <span class="token property">border-bottom</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
            <span class="token property">border-right</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
        <span class="token punctuation">}</span>
    <span class="token punctuation">}</span>
    
    <span class="token selector">.table</span> <span class="token punctuation">{<!-- --></span>
        <span class="token property">white-space</span><span class="token punctuation">:</span> nowrap<span class="token punctuation">;</span>
        <span class="token property">overflow</span><span class="token punctuation">:</span> hidden<span class="token punctuation">;</span>
        <span class="token property">height</span><span class="token punctuation">:</span> 100%<span class="token punctuation">;</span>
        <span class="token property">border</span><span class="token punctuation">:</span> 1upx solid #c8c7cc<span class="token punctuation">;</span>
        <span class="token property">border-bottom</span><span class="token punctuation">:</span> 0<span class="token selector">;
        .header</span> <span class="token punctuation">{<!-- --></span>
            <span class="token property">width</span><span class="token punctuation">:</span> 190upx<span class="token punctuation">;</span>
            <span class="token property">text-align</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span>
            <span class="token property">display</span><span class="token punctuation">:</span> inline-block<span class="token selector">;
            view</span> <span class="token punctuation">{<!-- --></span>
                <span class="token property">height</span><span class="token punctuation">:</span> 80upx<span class="token punctuation">;</span>
                <span class="token property">border</span><span class="token punctuation">:</span> 1upx solid #c8c7cc<span class="token punctuation">;</span>
                <span class="token property">border-top</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
                <span class="token property">border-left</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
                <span class="token property">line-height</span><span class="token punctuation">:</span> 80upx<span class="token punctuation">;</span>
            <span class="token punctuation">}</span>
            <span class="token selector">.table_one</span> <span class="token punctuation">{<!-- --></span>
                <span class="token property">border-top</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
                <span class="token property">border-left</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
                <span class="token property">position</span><span class="token punctuation">:</span> relative<span class="token selector">;
                .table_one_img</span> <span class="token punctuation">{<!-- --></span>
                    <span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span>
                    <span class="token property">left</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
                    <span class="token property">top</span><span class="token punctuation">:</span> 20upx<span class="token punctuation">;</span>
                    <span class="token property">width</span><span class="token punctuation">:</span> 5upx<span class="token punctuation">;</span>
                    <span class="token property">height</span><span class="token punctuation">:</span> 40upx<span class="token punctuation">;</span>
                    <span class="token property">margin-right</span><span class="token punctuation">:</span> 20upx<span class="token punctuation">;</span>
                <span class="token punctuation">}</span>
            <span class="token punctuation">}</span>
        <span class="token punctuation">}</span>
    <span class="token punctuation">}</span>
    
    <span class="token selector">.border</span> <span class="token punctuation">{<!-- --></span>
    <span class="token punctuation">}</span>
    </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>style</span><span class="token punctuation">&gt;</span></span>
    
    </code>
</body>
</html>

